<ion-header>
    <ion-toolbar>
        <ion-title>工程交资料</ion-title>
        <ion-buttons slot="end">
            <ion-button>新增</ion-button>
        </ion-buttons>
    </ion-toolbar>
    <div class="list_search_header">
        <input placeholder="搜索购买单位" [(ngModel)]="condition">
        <span (click)="search">搜索</span>
    </div>

</ion-header>

<ion-content>

    <div class="qd_list">
        <ng-template *ngFor="let item of dataLsit">
            <div class="qd_item" (click)="goModify(item)">
                <div class="qd_header bor_bottom">
                    <div class="w12 qd_address">
                        <em class="mr5">{{ item['BZMC'] }}</em>{{ item['DLD03MC'] }} - {{ item['DLD07'] }}
                    </div>
                    <div class="w12 mt10">
                        <span class="w06 mt10 tl"><i class="fa fa-file-text mr5"></i>{{ item['JLWBDH'] }}</span>
                        <span class="w06 mt10 tr"><i class="fa fa-clock-o mr5"></i>{{ item['JZL10'] }}</span>
                    </div>
                </div>
                <div class="qd_body">
                    <div class="w12 mt10"
                         [class]="{'Y':'font_green','N':'font_red','null':'font_yellow'}[item['JZL13']]">
                        <h3 class="w06">{{item['JZL13MC']}}</h3>
                    </div>
                </div>
            </div>
        </ng-template>
    </div>

    <div class="tips_no_pro" *ngIf="dataLsit.length <=  0">
        <div class="tips_no_main">
            <div class="w12 tc font_gray_ccc" style="font-size:50px;"><i class="fa fa-sticky-note-o"></i></div>
            <div class="w12 tc font_size_super mt20 font_gray_ccc">暂无交资料记录</div>
        </div>
    </div>

</ion-content>
